<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/4/3
  Time: 15:48
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>完整demo</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="ueditor.all.min.js"> </script>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
    <script type="text/javascript" charset="utf-8" src="lang/zh-cn/zh-cn.js"></script>
    <style type="text/css">
        div{
            width:100%;
        }
    </style>
    <script type="text/javascript">

        //实例化编辑器
        //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
        var ue = UE.getEditor('editor');

        function isFocus(e){
            alert(UE.getEditor('editor').isFocus());
            UE.dom.domUtils.preventDefault(e)
        }
        function setblur(e){
            UE.getEditor('editor').blur();
            UE.dom.domUtils.preventDefault(e)
        }
        function insertHtml() {
            var value = prompt('插入html代码', '');
            UE.getEditor('editor').execCommand('insertHtml', value)
        }
        function createEditor() {
            enableBtn();
            UE.getEditor('editor');
        }
        function getAllHtml() {
            alert(UE.getEditor('editor').getAllHtml())
        }
        function getContent() {
            var arr = [];
            arr.push("使用editor.getContent()方法可以获得编辑器的内容");
            arr.push("内容为：");
            arr.push(UE.getEditor('editor').getContent());
            alert(arr.join("\n"));
        }
        function getPlainTxt() {
            var arr = [];
            arr.push("使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容");
            arr.push("内容为：");
            arr.push(UE.getEditor('editor').getPlainTxt());
            alert(arr.join('\n'))
        }
        function setContent(isAppendTo) {
            var arr = [];
            arr.push("使用editor.setContent('欢迎使用ueditor')方法可以设置编辑器的内容");
            UE.getEditor('editor').setContent('欢迎使用ueditor', isAppendTo);
            alert(arr.join("\n"));
        }
        function setDisabled() {
            UE.getEditor('editor').setDisabled('fullscreen');
            disableBtn("enable");
        }

        function setEnabled() {
            UE.getEditor('editor').setEnabled();
            enableBtn();
        }

        function getText() {
            //当你点击按钮时编辑区域已经失去了焦点，如果直接用getText将不会得到内容，所以要在选回来，然后取得内容
            var range = UE.getEditor('editor').selection.getRange();
            range.select();
            var txt = UE.getEditor('editor').selection.getText();
            alert(txt)
        }

        function getContentTxt() {
            var arr = [];
            arr.push("使用editor.getContentTxt()方法可以获得编辑器的纯文本内容");
            arr.push("编辑器的纯文本内容为：");
            arr.push(UE.getEditor('editor').getContentTxt());
            alert(arr.join("\n"));
        }
        function hasContent() {
            var arr = [];
            arr.push("使用editor.hasContents()方法判断编辑器里是否有内容");
            arr.push("判断结果为：");
            arr.push(UE.getEditor('editor').hasContents());
            alert(arr.join("\n"));
        }
        function setFocus() {
            UE.getEditor('editor').focus();
        }
        function deleteEditor() {
            disableBtn();
            UE.getEditor('editor').destroy();
        }
        function disableBtn(str) {
            var div = document.getElementById('btns');
            var btns = UE.dom.domUtils.getElementsByTagName(div, "button");
            for (var i = 0, btn; btn = btns[i++];) {
                if (btn.id == str) {
                    UE.dom.domUtils.removeAttributes(btn, ["disabled"]);
                } else {
                    btn.setAttribute("disabled", "true");
                }
            }
        }
        function enableBtn() {
            var div = document.getElementById('btns');
            var btns = UE.dom.domUtils.getElementsByTagName(div, "button");
            for (var i = 0, btn; btn = btns[i++];) {
                UE.dom.domUtils.removeAttributes(btn, ["disabled"]);
            }
        }

        function getLocalData () {
            alert(UE.getEditor('editor').execCommand( "getlocaldata" ));
        }

        function clearLocalData () {
            UE.getEditor('editor').execCommand( "clearlocaldata" );
            alert("已清空草稿箱")
        }
    </script>
    <script type="text/javascript">

        //实例化编辑器
        //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
        var ue = UE.getEditor('editor');
        function getContent() {
            var arr = [];
            arr.push(UE.getEditor('editor').getContent());
            alert(arr.join("\n"));
        }
        $(document).ready(function(){
            $("button").click(function(){
                if($("#title").val()=="" && $.trim($("#title").val()).length==0)
                {
                    alert('标题不能为空！');

                }
                else if($("#author").val()=="" && $.trim($("#author").val()).length==0)
                {
                    alert('作者不能为空！');

                }
                else if(UE.getEditor('editor').getContent()=="" && $.trim(UE.getEditor('editor').getContent()).length==0)
                {
                    alert('新闻内容不能为空！');

                }
                else{
                    var title = $('#title').val();
                    var author = $('#author').val();
                    var content = UE.getEditor('editor').getContent();
                    window.location.href = "/utf8/AddNews?title=" + title + "&author=" + author + "&content=" + content;
                    // $.ajax({
                    //     type: "get",
                    //     url: "/AddNews?title="+title+"author="+author+"time="+time+"content="+content,
                    //     // data: {
                    //     //     "title":$('#title').val(),
                    //     //     "author":$('#author').val(),
                    //     //     "time":$(new Date()),
                    //     //     "content":UE.getEditor('editor').getContent()
                    //     // },//post参数
                    //     contentType:false,
                    //     processData:false,
                    //     error: function () {
                    //         alert("Connection error");
                    //     },
                    //     success: function (data) {
                    //         alert(data); //data即为后台返回的数据
                    //     }
                    //
                    // });

                }
            });
            UE.Editor.prototype._bkGetActionUrl=UE.Editor.prototype.getActionUrl;
            UE.Editor.prototype.getActionUrl=function(action){
                debugger;
                if (action == 'uploadimage'){
                    /* 这里填上我们自己的上传图片的方法名 */
                    return 'uploadPic';
                }else{
                    return this._bkGetActionUrl.call(this, action);
                }

            };
        })

    </script>
</head>
<body style="padding: 20px 100px">
<div>
    <div>
        <h1 style="text-align: center">添加新闻</h1>
        <div role="form">
            <div class="form-group">
                <label >标题</label><input type="text" class="form-control" id="title" name="title"
                                         value=${requestScope.updata.title}>
            </div>
            <div class="form-group">
                <label >发布人</label><input type="text" class="form-control" id="author" name="author"
                                          value=${requestScope.updata.author}>
            </div>
            <div class="form-group">
                <label >正文</label>
                <script id="editor" type="text/plain">${requestScope.updata.content}</script>
                <button id="saveBtn" class="btn btn-default">发布</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>